.app-nav-theme,
.app-nav-locale {
  display: inline-block;
  margin: 0 0 0 1.25rem;
  font-size: 0.9rem;
  color: $secondary-text-color;
  > ul {
    display: inline;
    list-style: none;
    padding: 0;
    > li {
      display: inline;
      > button {
        background: none;
        border: none;
        cursor: pointer;
        font-size: inherit;
        padding: 0;
        vertical-align: baseline;
        @extend %thredded--link;
      }
      > span {
        color: $secondary-text-color;
        font-weight: bold;
      }
    }
  }
  .app-nav-icon {
    display: none;
  }
}

@media (max-width: 620px) {
  .app-nav-theme,
  .app-nav-locale {
    margin: 0 0 0 0.3125rem;
    > .app-nav-text, .app-current {
      display: none;
    }
  }
  .app-nav-theme {
    .app-nav-text {
      display: none;
    }
    > ul > li > button {
      vertical-align: middle;
    }
    .app-nav-icon {
      display: block;
      svg {
        fill: currentColor;
        height: 1.5rem;
        width: 1.5rem;
      }
    }
  }
}
